<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>1号店-首页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--top-->
		<iframe src="public/public_top.html" width="100%" height="135px" frameborder="0" scrolling="no"></iframe>
		
		<!--header-->
		<header>
			<div class="i_logo">
				<img src="img/index/logo.png"/>
			</div>
			<div class="i_seach clear">
				<form action="#" method="get">
					<input class="seach_put" type="text" placeholder="请输入关键字"/>
					<input class="seach_btn" type="submit" value="搜索"/>
				</form>
					<div class="fl">
						<a href="#">咖啡</a>
						<a href="#">iphone  6s</a>
						<a href="#">新鲜美食</a>
						<a href="#">蛋糕</a>
						<a href="#">日用品</a>
						<a href="#">连衣裙</a>
					</div>
			</div>
			<div class="i_car fr">购物车</div>
		</header>
		
		<!--section-->
		<section>
			<div class="clear">
				
					
				<!--左侧导航  和  上边导航栏-->
				<div class="menu clear">
					<h2>全部商品分类</h2>
					<div class="menu_list">
						<ul>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav1.png"/></span>
									<span class="">进口食品、生鲜</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav2.png"/></span>
									<span class="">食品、饮料、酒</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav3.png"/></span>
									<span class="">母婴、玩具、童装</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav4.png"/></span>
									<span class="">家具、家庭清洁、纸品</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav5.png"/></span>
									<span class="">美妆、个人护理、洗护</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav6.png"/></span>
									<span class="">女装、内衣、中老年</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav7.png"/></span>
									<span class="">鞋靴、箱包、腕表配饰</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav8.png"/></span>
									<span class="">男装、运动</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav9.png"/></span>
									<span class="">手机、小家电、电脑</span>
								</div>
							</li>
							<li>
								<div class="kind">
									<span class="k_img"><img src="img/index/nav10.png"/></span>
									<span class="">礼品、充值</span>
								</div>
							</li>
						</ul>
					</div>
					<div class="menu_nav">
						<ul>
							<li><a class="active" href="#">首页</a></li>
							<li><a class="active" href="#">自营超市</a></li>
							<li><a href="#">1号团</a></li>
							<li><a href="#">1号超市</a></li>
							<li><a href="#">女装</a></li>
							<li><a href="#">美妆</a></li>
							<li><a href="#">1号海购</a></li>
							<li><a href="#">团购</a></li>
						</ul>
					</div>
				</div>
				
					
				<!--轮播图-->
				<div class="banner slideBox fl">
					<div class="hd">
						<ul><li>1</li><li>2</li><li>3</li></ul>
					</div>
					<div class="bd">
						<ul>
							<li><a href="javascript:void(0)"><img src="img/index/ban1.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/ban1.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/ban1.jpg" /></a></li>
						</ul>
					</div>
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
				</div>
				
					
				<!--右侧新闻列表-->
				<div class="right_news fr">
					<div class="news_top">
						<h2 class="fl">快讯</h2>
						<a class="fr">更多></a>
					</div>
					<div class="news_list">
						<ul>
							<li>
								<span>【特惠】</span><a href="javascript:;">掬一轮明月 表无尽惦念</a>
							</li>
							<li>
								<span>【公告】</span><a href="javascript:;">好奇金装成长裤新品上市</a>
							</li>
							<li>
								<span>【特惠】</span><a href="javascript:;">大牌闪购 · 抢！</a>
							</li>
							<li>
								<span>【公告】</span><a href="javascript:;">发福利 买车就抢千元油卡</a>
							</li>
							<li>
								<span>【公告】</span><a href="javascript:;">家电低至五折</a>
							</li>
						</ul>
					</div>
					<div class="news_bottom">
						<h2>1号钱包</h2>
						<p>收益日结，收益赚High！</p>
						<img src="img/index/oneAD.jpg"/>
					</div>
				</div>
			</div>
			
			<!--热门商品-->
			<div class="hot_goods clear">
				<div class="left">
					<div class="img"><img src="img/index/l_img.jpg"/></div>
					<div class="price">
						<span>￥53.00</span><span>16R</span>
					</div>
				</div>
				<div class="right fr">
					<div class="hot_list">
						<ul>
							<li>
								<div class="hot"><img src="img/index/hot.png"/></div>
								<div class="img"><a href="javascript:;"><img class="h" src="img/index/hot1.jpg"/></a></div>
								<div class="name">
									<a href="javascript:;">
										<h2>德国进口</h2>
										德亚全脂纯牛奶200ml*48盒
									</a>
								</div>
								<div class="h_price">
									<span>￥189</span><span>26R</span>
								</div>
							</li>
							<li>
								<div class="hot"><img src="img/index/hot.png"/></div>
								<div class="img"><a href="javascript:;"><img class="h" src="img/index/hot2.jpg"/></a></div>
								<div class="name">
									<a href="javascript:;">
										<h2>德国进口</h2>
										德亚全脂纯牛奶200ml*48盒
									</a>
								</div>
								<div class="h_price">
									<span>￥189</span><span>26R</span>
								</div>
							</li>
							<li>
								<div class="hot"><img src="img/index/hot.png"/></div>
								<div class="img"><a href="javascript:;"><img class="h" src="img/index/hot3.jpg"/></a></div>
								<div class="name">
									<a href="javascript:;">
										<h2>德国进口</h2>
										德亚全脂纯牛奶200ml*48盒
									</a>
								</div>
								<div class="h_price">
									<span>￥189</span><span>26R</span>
								</div>
							</li>
							<li>
								<div class="hot"><img src="img/index/hot.png"/></div>
								<div class="img"><a href="javascript:;"><img class="h" src="img/index/hot4.jpg"/></a></div>
								<div class="name">
									<a href="javascript:;">
										<h2>德国进口</h2>
										德亚全脂纯牛奶200ml*48盒
									</a>
								</div>
								<div class="h_price">
									<span>￥189</span><span>26R</span>
								</div>
							</li>
						</ul>
						<a class="prev" href="javascript:;"></a>
						<a class="next" href="javascript:;"></a>
					</div>
				</div>
			</div>
			<div>
			<img src="img/index/mban_2.jpg"/></div>
			
			<!--内容		f1-->
			<div class="content">
				<div class="headline">
					<span class="floor fl">1F</span>
					<span class="classify fl">进口<b>·</b>生鲜</span>
					<div class="kind_list fr">
						<ul>
							<li><a href="javascript:;">进口咖啡</a></li>
							<li><a href="javascript:;">进口酒</a></li>
							<li><a href="javascript:;">进口母婴</a></li>
							<li><a href="javascript:;">新鲜蔬菜</a></li>
							<li><a href="javascript:;">新鲜水果</a></li>
						</ul>
					</div>
				</div>
				
				<div class="goods_left fl">
					<div class="slideBoxa pic fl">
					<div class="bd">
						<ul>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
						</ul>
					</div>
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
				</div>
					<div class="describe">
						<ul>
							<li><a href="javascript:;">进口水果</a></li>
							<li><a href="javascript:;">奇异果</a></li>
							<li><a href="javascript:;">西柚</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">海鲜水产</a></li>
							<li><a href="javascript:;">品质牛肉</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
							<li><a href="javascript:;">进口酒</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">进口奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
						</ul>
					</div>
				</div>
				<div class="goods_middle fl">
					<div class="goods_list">
						<ul>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_1.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_2.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_3.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_4.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_5.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_6.jpg" width="185" height="133"/></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="goods_right fr">
					<img src="img/index/fre_b1.jpg"/>
					<img src="img/index/fre_b2.jpg"/>
				</div>
			</div>
			<!--f2-->
			<div class="content">
				<div class="headline">
					<span class="floor fl">2F</span>
					<span class="classify fl">个人美妆</span>
					<div class="kind_list fr">
						<ul>
							<li><a href="javascript:;">洗发护发</a></li>
							<li><a href="javascript:;">面膜</a></li>
							<li><a href="javascript:;">洗面奶</a></li>
							<li><a href="javascript:;">香水</a></li>
							<li><a href="javascript:;">沐浴露</a></li>
						</ul>
					</div>
				</div>
				
				<div class="goods_left fl">
					<div class="slideBoxa pic fl">
					<div class="bd">
						<ul>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
						</ul>
					</div>
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
					</div>
					<div class="describe">
						<ul>
							<li><a href="javascript:;">进口水果</a></li>
							<li><a href="javascript:;">奇异果</a></li>
							<li><a href="javascript:;">西柚</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">海鲜水产</a></li>
							<li><a href="javascript:;">品质牛肉</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
							<li><a href="javascript:;">进口酒</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">进口奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
						</ul>
					</div>
				</div>
				<div class="goods_middle fl">
					<div class="goods_list">
						<ul>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_1.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_2.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_3.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_4.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_5.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_6.jpg" width="185" height="133"/></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="goods_right fr">
					<img src="img/index/fre_b1.jpg"/>
					<img src="img/index/fre_b2.jpg"/>
				</div>
			</div>
			<img class="ad" src="img/index/mban_2.jpg"/>
			<!--f3-->
			<div class="content">
				<div class="headline">
					<span class="floor fl">3F</span>
					<span class="classify fl">母婴玩具</span>
					<div class="kind_list fr">
						<ul>
							<li><a href="javascript:;">洗发护发</a></li>
							<li><a href="javascript:;">面膜</a></li>
							<li><a href="javascript:;">洗面奶</a></li>
							<li><a href="javascript:;">香水</a></li>
							<li><a href="javascript:;">沐浴露</a></li>
						</ul>
					</div>
				</div>
				
				<div class="goods_left fl">
					<div class="slideBoxa pic fl">
					<div class="bd">
						<ul>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
							<li><a href="javascript:void(0)"><img src="img/index/fre_r.jpg" /></a></li>
						</ul>
					</div>
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
					</div>
					<div class="describe">
						<ul>
							<li><a href="javascript:;">进口水果</a></li>
							<li><a href="javascript:;">奇异果</a></li>
							<li><a href="javascript:;">西柚</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">海鲜水产</a></li>
							<li><a href="javascript:;">品质牛肉</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
							<li><a href="javascript:;">进口酒</a></li>
						</ul>
						<ul>
							<li><a href="javascript:;">进口奶粉</a></li>
							<li><a href="javascript:;">鲜活禽蛋</a></li>
						</ul>
					</div>
				</div>
				<div class="goods_middle fl">
					<div class="goods_list">
						<ul>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_1.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_2.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_3.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_4.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_5.jpg" width="185" height="133"/></a>
								</div>
							</li>
							<li>
								<div class="goods_name">
									<a href="javascript:;">贝思客 草莓先生&蓝莓小姐</a>
									<span>￥98.00</span>
								</div>
								<div class="goods_img">
									<a href="javascript:;"><img src="img/index/fre_6.jpg" width="185" height="133"/></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="goods_right fr">
					<img src="img/index/fre_b1.jpg"/>
					<img src="img/index/fre_b2.jpg"/>
				</div>
			</div>
		</section>
		
		<!--bottom-->
		<iframe src="public/public_bottom.html" width="100%" height="550px" frameborder="0" scrolling="no"></iframe>
		
		
		
		<script type="text/javascript">
		jQuery(".banner").slide({mainCell:".bd ul",effect:"leftLoop",autoPlay:true});
		jQuery(".slideBoxa").slide({mainCell:".bd ul",effect:"leftLoop",autoPlay:true});
		</script>
	</body>
</html>
